import React from 'react'
import { View, Text, StyleSheet,StyleProp,ViewStyle } from 'react-native';
type Props = {
  title: string,
  children?: any,
  style?: StyleProp<ViewStyle>;
}
const BaseView = ({ title, children }: Props) => {
  return (
    <View style={styles.main}>
      <Text style={styles.title}>{title}</Text>
      <View style={styles.content}>{children}</View>
    </View>
  )
}
const styles = StyleSheet.create({
  main: {
    padding: 10,
  },
  title: {
    fontSize: 16,
    fontWeight: '600',
  },
  content: {
    flexDirection: 'row',
    marginTop:10,
    paddingTop: 12,
    marginBottom: 10,
    paddingBottom:10,
    flexWrap:'wrap',
    backgroundColor:'#fff',
    borderRadius:10,
    paddingLeft:10,
    paddingRight:10,
  }
})
export default BaseView